﻿@charset "utf-8";

/*通用*/
.no_selected { -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
/*隐藏，腾出位置*/
.pop_box_contents .display_none,.display_none,.pop_box_contents ul.tree_ul_display_none{display: none;}
/*隐藏，占据位置*/
.visibility_hidden{visibility: hidden;}
.float_right{float: right;}
.float_left{float: left;}

body{background: #fff;font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 400;height: 100%;width: 100%;/*min-height:768px ;min-width:1024px ;position: absolute;*/overflow:hidden;}

.wrapp_content{height: 100%;width: 100%;}
/*3D模型画布*/
.canvas_3d{height: 100%;width: 100%;background: url(../webimg/test/bg.png) no-repeat center;background-size: 1197px 589px;}
#webglContainer > canvas { top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;}
/*D模型画布上方功能按钮*/
.btn_functions{}
/*左上角查看模型树结构属性按钮*/
.btn_tabs{position: absolute;top: 10px;left: 0;height: 90%;/*min-height:750px;*/width: 265px;padding: 20px;}
.btn_tabs .tabs_btn{padding-left: 10px;}
.tabs_btn ul li{float: left;display: inline-block;width: 32px;height: 32px;background-color: #3BA2F2;border-radius: 32px;margin-right: 12px;cursor: pointer;}

.tabs_btn_back,.tabs_btn_help { width: 32px; height: 32px; background-color: #3BA2F2; border-radius: 32px; margin-right: 12px; cursor: pointer; background: rgba(0, 120, 214,0.7) url(../webimg/ic_exit.png) no-repeat center; z-index: 9999; position: absolute; right: 40px; top: 30px; }
.tabs_btn_help {background: rgba(0, 120, 214,0.7) url(../webimg/ic_help.png) no-repeat center;right: 85px; }

.tabs_btn .tabs_btn_back{background: rgba(0, 120, 214,0.7) url(../webimg/ic_exit.png) no-repeat center;}
.tabs_btn .tabs_btn_models{background: rgba(0, 120, 214,0.7) url(../webimg/ic_tabs_btn_1.png) no-repeat center;}
.tabs_btn .tabs_btn_tree{background: rgba(0, 120, 214,0.7) url(../webimg/ic_tabs_btn_3.jpg) no-repeat center;}
.tabs_btn .tabs_btn_attrs{background: rgba(0, 120, 214,0.7) url(../webimg/ic_tabs_btn_3.png) no-repeat center;}
.tabs_btn .tabs_btn_type{background: rgba(0, 120, 214,0.7) url(../webimg/ic_tabs_btn_2.png) no-repeat center;}



.btn_tabs .pop_box{position: relative;top: 35px;height: 95%;width:100%;}
.pop_box .arrow{width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 10px solid rgba(0, 120, 214,0.7);position: relative;left: 15px;}
.pop_box .arrow0{left: 18px;}
.pop_box .arrow1{left: 18px;}
.pop_box .arrow2{left: 62px;}
.pop_box .arrow3{left: 106px;}
.pop_box .arrow4{left: 153px;}
/*.pop_box .arrow3{left: 150px;}*/
.pop_box .pop_box_contents{background: rgba(0, 120, 214,0.7);height: 98%;border-radius: 5px;color: #fff;font-size: 14px;}
.pop_box .pop_box_contents a{color: #fff;text-decoration: none;}
.pop_box_contents >div{display: block;height: 94%;position: absolute;width: 92%;    padding: 4%;}
.pop_box_contents .pop_contents_models{}
.pop_box_contents .pop_contents_tree{}
.pop_box_contents .pop_contents_attrs{}
.pop_box_contents ul{display: block;width: 230px;/*margin-top:2%;*/}
.pop_box_contents ul li{display: block;line-height: 30px;text-align: left;padding-left: 10px;}
.pop_box_contents ul li:first-of-type{margin-top: 2%;}
.pop_box_contents ul li:last-of-type{margin-top: 2%;}

.container,.container_table{width: 244px;height: 100%;overflow: hidden;/*overflow-y: auto;*/}
/*模型列表*/
.model_title {
    display: inline-block;
   width:150px;
    overflow: hidden;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}
span.checkbox { vertical-align: middle;}
.chk_3{display: none;}
.chk_3 + label {
    background-color: #fafbfa;
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    margin-right: 30px;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    top: 4px;
}
.chk_3 + label:before {
    content: ' ';
    position: absolute;
    background: white;
    top: 2px;
    left: 28px;
    z-index: 999999;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    box-shadow: 0 3px 1px rgba(0,0,0,0.05), 0 0px 1px rgba(0,0,0,0.3);
    width: 16px;height: 16px;background: rgba(197,212,230,0.7);border-radius: 16px;
}
input[type="checkbox"]:checked+label::before {
    background-color: rgba(0, 120, 214,0.7);
    top: 2px;
    left: 2px;
}
.chk_3 + label:after {
	width: 47px;height: 20px;background: #EEE;vertical-align: middle;-webkit-border-radius: 20px;border-radius: 20px;margin-right: 5px;-webkit-box-sizing:border-box;-webkit-transition:background ease-in .5s;cursor: pointer;
    content: ' ';
    position: absolute;
    top: 0;
    -webkit-transition: box-shadow 0.1s ease-in;
    transition: box-shadow 0.1s ease-in;
    left: 0;
    box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0,0,0,0.4);
}

/*属性*/
.pop_contents_attrs{}
.pop_contents_attrs table{display: block;width: 230px;/*margin-top:2%;*/}
    .pop_contents_attrs table tbody
    {
        width:100%;
    }
.pop_contents_attrs table tr th{background-color: rgba(90, 164, 247, 0.7);padding:5px;}
.pop_contents_attrs table tr{/*line-height: 30px;*/font-size: 14px;}
.pop_contents_attrs table tr td{border-bottom: rgba(197,212,230,0.7) 1px solid;min-height: 30px;padding: 5px 0;}
.pop_contents_attrs table tr td:first-of-type{padding-right: 10px;/*border-right: rgba(197,212,230,0.7) 1px solid;*/}
/*.pop_contents_attrs table tr td:last-of-type{padding-left: 10px;}*/
/*树结构*/
.pop_contents_tree{}
.pop_contents_tree .treeview{}
.pop_contents_tree .treeview > li{padding-left: 10px;height: auto;/*overflow: hidden;text-overflow: ellipsis;*/margin-top: 0;}
.pop_contents_tree .tree_root > li{padding-left: 0;}
.pop_contents_tree .treeview > ul{padding-left: 10px;}
.pop_contents_tree .tree_root > ul{padding-left: 0;}
.pop_contents_tree .treeview > li:last-of-type{margin-top: 0;}
.pop_contents_tree .treeview > li+ul{}
.pop_contents_tree .treeview span.tree_leave{/*display: inline-block;*/cursor: pointer;/*width: 65%;*/height: 30px;line-height: 30px;overflow: hidden;vertical-align: bottom;}

.i_tree_expan,.i_tree_file,.i_tree_checkbox{display: inline-block;margin-right: 5px;}
.i_tree_expan,.i_tree_checkbox{cursor: pointer;}
.i_tree_expan{width: 13px;height: 13px;background: url(../webimg/ic_expan.png) no-repeat center;}
.i_tree_retract{background: url(../webimg/ic_retract.png) no-repeat center;}
.i_tree_file{width: 14px;height: 12px;background-image: url(../webimg/ic_file.png);}
.i_tree_checkbox{width: 12px;height: 12px;background-color: #fff;border-radius: 3px;}
.i_tree_checked{background: url(../webimg/ic_tick.png) no-repeat center;background-color: #fff;border-radius: 3px;}
/*logo和产品名称*/
.logo_glbim{display: inline-block;position: absolute;right: 40px;bottom: 40px;}
.logo_glbim span{color: #313235;font-size: 18px;font-weight: 700;}


/**覆盖插件里的样式，本样式必须放在jquery.mCustomScrollbar.min.css之后生效*/
.mCSB_inside > .mCSB_container { margin-right:20px;}